$f: 19.2;

.home {
  position: relative;
  width: 100%;

  .common_title {
    text-align: center;

    .eng {
      font-size: 40/$f+vw;
      font-style: normal;
      font-weight: 400;
      line-height: 50.78/$f+vw;
      /* 126.95% */
      letter-spacing: -1.016px;
      text-transform: uppercase;
      background: linear-gradient(180deg, rgba(56, 110, 181, 0.50) 35.29%, rgba(24, 48, 79, 0.00) 84.31%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    h1 {
      color: #000;
      font-size: 48/$f+vw;
      font-style: normal;
      font-weight: 600;
      line-height: 48/$f+vw;
      /* 100% */
      margin: 0;
      margin-top: -19/$f+vw;
    }
  }

  .common_more {
    margin-top: 45/$f+vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #386EB5;
    font-size: 18/$f+vw;

    p {
      filter: brightness(10) grayscale(1);
    }

    .icon {
      width: 40/$f+vw;
      height: 40/$f+vw;
      border-radius: 50%;
      background: #E0E5E9;
      margin-left: 1vw;
      position: relative;
      transition: all 600ms;

      img {
        width: 40/$f+vw;
        display: block;
        position: absolute;
        left: -0.8vw;
        top: 50%;
        transform: translateY(-50%);
        transition: all 600ms;
        filter: brightness(.5) grayscale(1);
      }
    }

    &:hover {
      .icon {
        transform: scale(1.1);

        img {
          left: -0.2vw;
        }
      }
    }

    &.on {
      p {
        filter: unset;
      }

      .icon {
        img {
          filter: unset;
        }
      }
    }
  }

  .main {
    overflow: hidden;

    //margin: 80/$f+vw 190/$f+vw;
    .section1 {
      height: 100vh;
      position: relative;

      * {
        box-sizing: border-box;
      }

      .position {
        width: 100%;
        position: absolute;
        padding: 0 190/$f+vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        bottom: 86/$f+vw;
        left: 0;
        z-index: 2;

        .l {
          display: flex;
          align-items: center;

          .click {
            width: 20/$f+vw;
            height: 20/$f+vw;
            cursor: pointer;
          }

          .swiper-pagination {
            width: fit-content;
            display: flex;
            margin: 0 17/$f+vw;
            position: static;

            @keyframes jindu {
              100% {
                width: 100%;
              }
            }

            span {
              opacity: 1 !important;
              border-radius: 0 !important;
              width: 70/$f+vw;
              height: 4/$f+vw;
              margin: 0 10/$f+vw 0 0 !important;
              background: var(--mainlineit-com-nero-30, rgba(255, 255, 255, 0.30));

              div {
                height: 100%;
                width: 0;
                background: #fff;
              }

              &.swiper-pagination-bullet-active {
                div {
                  animation: 6s jindu linear forwards;
                }
              }

              &:last-child {
                margin: 0 !important;
              }
            }
          }

          .cut {
            width: 20/$f+vw;
            height: 20/$f+vw;
            position: relative;
            margin: 0 12/$f+vw 0 0;
            cursor: pointer;

            img {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              max-width: 100%;
              max-height: 100%;
              transition: .3s;
              width: 100%;
              height: 100%;

              &:nth-child(2) {
                width: 15/$f+vw;
                height: 15/$f+vw;
                margin-left: -4/$f+vw;
                opacity: 0;
              }
            }

          }

          &.on {
            .swiper-pagination {
              span {
                div {
                  animation: none;
                }
              }
            }

            .cut {
              img {
                &:first-child {
                  opacity: 0;
                }

                &:nth-child(2) {
                  opacity: 1;
                }
              }
            }
          }
        }

        .r {
          display: flex;
          align-items: center;

          p {
            color: #FFF;
            font-size: 12/$f+vw;
            font-style: normal;
            font-weight: 700;
            letter-spacing: -0.5px;

            @keyframes scroll-down-ani {
              0% {
                opacity: 0;
                transform: translateY(-50%) rotateX(90deg);
              }

              20%,
              80% {
                opacity: 1;
                transform: translateY(0) rotateX(0);
              }

              100% {
                opacity: 0;
                transform: translateY(50%) rotateX(-90deg);
              }
            }

            div {
              margin: 0 2/$f+vw;
              font-size: 12/$f+vw;
              animation: scroll-down-ani 2s ease-in-out 0s infinite;
              font-weight: 500;
            }
          }

          .line {
            width: 4/$f+vw;
            height: 40/$f+vw;
            margin: 0 0 0 17/$f+vw;
            background: rgba(255, 255, 255, 0.10);
            position: relative;
            overflow: hidden;

            @keyframes scroll-icon-ani {
              0% {
                top: -1rem;
                opacity: 0;
              }

              10% {
                top: -1rem;
                opacity: 1;
              }

              32% {
                top: -1rem;
                opacity: 1;
              }

              80% {
                top: 4.3rem;
                opacity: 1;
              }

              100% {
                top: 4.3rem;
                opacity: 0;
              }
            }

            div {
              position: absolute;
              display: block;
              width: 0.4rem;
              height: 0.4rem;
              background: #fff;
              top: 0.3rem;
              left: 50%;
              transform: translateX(-50%);
              animation: scroll-icon-ani 2s ease-in-out infinite;
              transition: var(--transition-custom);
            }
          }
        }
      }

      .swiper1 {
        width: 100%;
        height: 100%;

        .swiper-slide {
          display: flex;
          align-items: center;
          justify-content: center;

          &.swiper-slide-active {
            .img {
              transform: scale(1.05);
            }

            .wrap {

              h1,
              h5,
              .pick,
              .common_more {
                transition: .6s;
                transform: translateY(0);
                opacity: 1;
              }

              h5 {
                transition-delay: .1s;
              }

              .pick {
                transition-delay: .3s;
              }

              .more {
                transition-delay: .5s;
              }
            }
          }

          .img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            transition: 8s;
          }

          .wrap {
            position: relative;
            z-index: 2;
            text-align: center;

            h1 {
              color: #FFF;
              font-family: "Heiti TC";
              font-size: 70/$f+vw;
              font-style: normal;
              font-weight: 400;
              line-height: 70/$f+vw;
              /* 100% */
              width: fit-content;
              margin: 0 auto 40/$f+vw;
              position: relative;
              transform: translateY(20px);
              opacity: 0;

              &:after {
                content: '';
                position: absolute;
                width: 14/$f+vw;
                height: 14/$f+vw;
                background: #E60012;
                border-radius: 50%;
                left: 105%;
                bottom: 0;
              }
            }

            h5 {
              color: #FFF;
              text-align: center;
              font-size: 50/$f+vw;
              font-style: normal;
              font-weight: 300;
              line-height: 70/$f+vw;
              /* 140% */
              margin: 0 0 24/$f+vw;
              transform: translateY(20px);
              opacity: 0;
            }

            .pick {
              color: rgba(255, 255, 255, 0.80);
              font-size: 28/$f+vw;
              font-style: normal;
              font-weight: 400;
              line-height: 49.98/$f+vw;
              /* 178.5% */
              letter-spacing: -2.21px;
              margin: 0 0 32/$f+vw;
              transform: translateY(20px);
              opacity: 0;
            }

            .common_more {
              transform: translateY(20px);
              opacity: 0;
            }
          }
        }
      }
    }

    .section2 {
      padding: 100/$f+vw 8/$f+vw 130/$f+vw 8/$f+vw;

      * {
        box-sizing: border-box;
      }

      .content {
        display: flex;
        justify-content: space-between;
        margin: 121/$f+vw 0 0 0;

        .item {
          width: 470/$f+vw;
          height: 801/$f+vw;
          background: #F8F8F9;
          padding: 120/$f+vw 40/$f+vw 0 40/$f+vw;
          position: relative;
          transition: .3s ease;
          overflow: hidden;
          cursor: pointer;

          .img {
            width: 100%;
            height: 496/$f+vw;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            pointer-events: none;

            img {
              width: 100%;
              height: 100%;
            }
          }

          .headline {
            .e {
              color: rgba(56, 110, 181, 0.10);
              font-size: 50.8/$f+vw;
              font-weight: 400;
              line-height: 50.78/$f+vw;
              /* 99.961% */
              letter-spacing: -1.016px;
              font-style: oblique;
            }

            h1 {
              color: #333;
              font-size: 28/$f+vw;
              font-style: normal;
              font-weight: 400;
              line-height: 28/$f+vw;
              /* 100% */
              letter-spacing: -0.56px;
              margin: 0;
              margin-top: -22/$f+vw;
            }
          }

          .text {
            color: #888;
            font-size: 16/$f+vw;
            font-style: normal;
            font-weight: 400;
            line-height: 32/$f+vw;
            /* 200% */
            margin: 12/$f+vw 0 0 0;
          }

          .opacity {
            margin: 40/$f+vw 0 0 0;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 32/$f+vw 46/$f+vw;
            width: fit-content;
            opacity: 0;
            transform: translateY(20px);
            transition: .6s;

            a {
              color: #333;
              font-size: 14/$f+vw;
              font-style: normal;
              font-weight: 400;

              &.on,
              &:hover {
                color: #386EB5;
              }
            }
          }

          &:hover {
            border-radius: 235/$f+vw;

            .opacity {
              opacity: 1;
              transform: translateY(0);
            }
          }
        }
      }
    }

    .section3 {
      * {
        box-sizing: border-box;
      }

      .wrap {
        .content {
          margin: 85/$f+vw 0 0 0;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;

          .item {
            width: 50%;
            height: 412/$f+vw;
            position: relative;
            z-index: 1;
            padding: 100/$f+vw 100/$f+vw 90/$f+vw 100/$f+vw;

            &:after {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
              z-index: 2;
              opacity: 0;
              transition: .6s;
            }

            .img {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              z-index: -1;
            }

            .jump {
              position: relative;
              z-index: 3;

              h1 {
                color: #FFF;
                font-size: 34/$f+vw;
                font-style: normal;
                font-weight: 400;
                line-height: 42.5/$f+vw;
                /* 125% */
                letter-spacing: -0.68px;
                margin: 0 0 5/$f+vw;
              }

              .text {
                width: 300/$f+vw;
                color: #FFF;
                font-size: 17.578/$f+vw;
                font-style: normal;
                font-weight: 400;
                line-height: 32.4/$f+vw;
                /* 184.32% */
                letter-spacing: -0.36px;
                margin: 0 0 4/$f+vw;
                display: none;
              }

              .common_more {
                justify-content: unset;
                transform: translateY(21/$f+vw);
              }
            }

            @keyframes yAnimate {
              0% {
                transform: translateY(20px);
                opacity: 0;
              }

              100% {
                opacity: 1;
                transform: translateY(0);
              }
            }

            &:hover {
              &:after {
                opacity: 1;
              }

              .text {
                display: block;
                animation: yAnimate .6s linear forwards;
              }

              .common_more {
                transform: translateY(0);
              }
            }
          }
        }
      }
    }

    .section4 {
      padding: 96/$f+vw 0 0 0;

      * {
        box-sizing: border-box;
      }

      .content {
        padding: 100/$f+vw 182/$f+vw 100/$f+vw 198/$f+vw;
        position: relative;
        z-index: 1;
        margin: 92/$f+vw 0 0 0;

        .bg {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1;
        }

        .item {
          width: 100%;
          height: 200/$f+vw;
          border-radius: 110/$f+vw;
          background: #141726;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding: 0 207/$f+vw 0 0;
          overflow: hidden;

          &:hover {
            .img {
              width: 100%;
            }
          }

          &:not(:last-child) {
            margin: 0 0 40/$f+vw;
          }

          &:nth-child(2n) {
            padding: 0 0 0 180/$f+vw;
            justify-content: unset;

            .img {
              left: unset;
              right: 0;
              border-radius: 110/$f+vw;
              overflow: hidden;
            }
          }

          .img {
            width: 50%;
            height: 100%;
            position: absolute;
            transition: all 0.4s ease-in-out;

            top: 0;
            left: 0;

            img {
              width: 100%;
              height: 100%;
            }
          }

          .text {
            display: flex;
            align-items: center;
            position: relative;
            z-index: 5;

            span {
              color: #fff;
              font-family: Poppins;
              font-size: 48/$f+vw;
              font-style: normal;
              font-weight: 700;
              line-height: 40/$f+vw;
              /* 83.333% */
              letter-spacing: -1.6px;
            }

            p {
              margin: 0 0 0 24/$f+vw;
              color: #FFF;
              font-family: Inter;
              font-size: 24/$f+vw;
              font-style: normal;
              font-weight: 400;
              line-height: 20/$f+vw;
              /* 83.333% */
              letter-spacing: -1px;
            }
          }
        }
      }
    }

    .section5 {
      padding: 142/$f+vw 0 195/$f+vw 0;
      position: relative;
      z-index: 1;

      * {
        box-sizing: border-box;
      }

      .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
      }

      .wrap {
        .pick {
          width: 1160/$f+vw;
          color: #666;
          text-align: center;
          font-size: 18/$f+vw;
          font-style: normal;
          font-weight: 400;
          line-height: 32/$f+vw;
          /* 177.778% */
          margin: 58/$f+vw auto 68/$f+vw;
        }

        .figure {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 70/$f+vw 0 0 0;

          .item {
            padding: 0 108/$f+vw 0 0;
            margin: 0 108/$f+vw 0 0;
            position: relative;

            .dis {
              display: flex;
              align-items: flex-end;

              span {
                color: #386EB5;
                font-family: Rajdhani;
                font-size: 100/$f+vw;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
              }

              .p1 {
                color: #386EB5;
                font-family: Rajdhani;
                font-size: 40/$f+vw;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                position: relative;
                top: -20/$f+vw;
                margin: 0 0 0 10/$f+vw;
              }

              .p2 {
                color: #386EB5;
                font-family: Rajdhani;
                font-size: 40/$f+vw;
                font-style: normal;
                font-weight: 700;
                line-height: 40/$f+vw;
                /* 100% */
                margin: 0 0 0 10/$f+vw;
                position: relative;
                top: -20/$f+vw;
              }
            }

            p {
              color: var(--www-zm-ep-com-dove-gray, #666);
              font-family: Rajdhani;
              font-size: 24/$f+vw;
              font-style: normal;
              font-weight: 700;
              text-align: center;
              line-height: normal;
            }

            &:after {
              content: '';
              right: 0;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              width: 2/$f+vw;
              height: 98/$f+vw;
              background: rgba(56, 110, 181, 0.40);
            }

            &:last-child {
              margin: 0;
              padding: 0;

              &:after {
                display: none;
              }
            }
          }
        }
      }
    }

    .section6 {
      padding: 80/$f+vw 190/$f+vw 125/$f+vw 190/$f+vw;
      position: relative;
      z-index: 1;

      * {
        box-sizing: border-box;
      }

      .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
      }

      .wrap {
        .top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 53/$f+vw 0 0 0;

          .cut {
            display: flex;
            align-items: center;

            .list {
              color: #333;
              font-size: 24/$f+vw;
              font-style: normal;
              font-weight: 400;
              line-height: 24/$f+vw;
              /* 100% */
              letter-spacing: -0.48px;
              position: relative;
              cursor: pointer;

              &:after {
                content: '';
                position: absolute;
                bottom: -10/$f+vw;
                left: 0;
                width: 100%;
                height: 1px;
                transform: scaleX(0);
                transform-origin: left;
                transition: .6s ease;
                background: var(--basgenbio-com-denim, #146EB8);
              }

              &:not(:last-child) {
                margin: 0 65/$f+vw 0 0;
              }

              &.on {
                color: #386EB5;

                &:after {
                  transform: scaleX(1);
                }
              }
            }
          }
        }

        .bottom {
          margin: 103/$f+vw 0 0 0;
          position: relative;

          .matter {
            width: 100%;
            opacity: 0;
            transform: translateY(20px);
            pointer-events: none;

            &:not(:first-child) {
              position: absolute;
              top: 0;
              left: 0;
            }

            &.on {
              transition: 1s;
              opacity: 1;
              pointer-events: auto;
              transform: translateY(0);
            }

            .line {
              width: 1734/$f+vw;
              height: 3/$f+vw;
              background: #D9D9D9;
              margin: 57/$f+vw 0 0 0;

              div {
                width: 0;
                height: 100%;
                background: #146EB8;
                transition: .6s;
              }
            }

            .swiper2 {
              width: 100%;

              .swiper-slide {
                .item {
                  display: block;
                  width: 100%;

                  .time {
                    color: #000;
                    font-size: 30/$f+vw;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 30/$f+vw;
                    /* 100% */
                    letter-spacing: -0.6px;
                    padding: 0 0 9/$f+vw;
                    transition: .6s;
                    position: relative;
                    border-bottom: 1px solid rgba(88, 88, 88, 0.70);

                    &:after {
                      content: '';
                      position: absolute;
                      width: 100%;
                      height: 1px;
                      background: #146EB8;
                      bottom: 0;
                      left: 0;
                      transform: scaleX(0);
                      transform-origin: left;
                      transition: .3s ease;
                    }

                    p {
                      color: #999;
                      display: inline-block;
                    }
                  }

                  .text {
                    margin: 45/$f+vw 0 28/$f+vw 0;
                    color: #555;
                    font-family: "PingFang SC";
                    font-size: 20/$f+vw;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34/$f+vw;
                    /* 170% */
                    letter-spacing: -0.4px;
                    height: 70/$f+vw;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                  }

                  .img {
                    width: 100%;
                    height: 260/$f+vw;
                    overflow: hidden;

                    img {
                      width: 100%;
                      height: 100%;
                      transition: .6s;
                    }
                  }

                  &:hover {
                    .time {
                      &:after {
                        transform: scaleX(1);
                      }
                    }

                    .img {
                      img {
                        transform: scale(1.05);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }


  }

  .foot {
    padding: 115/$f+vw 190/$f+vw 80/$f+vw 190/$f+vw;
    background: #00142E;

    form {
      position: relative;
      z-index: 6;
      display: flex;
      justify-content: space-between;
      gap: 5%;
      margin-bottom: 47/$f+vw;
      .logo{
        position: absolute;
        left: 0;
        bottom:1vw;
        img{
          max-width: 175/$f+vw;
        }
      }
      * {
        box-sizing: border-box;
      }

      .l {
        width: 35%;
        .p1 {
          color: #FFF;
          font-size: 36/$f+vw;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          margin-bottom: 23/$f+vw;
        }

        .p2 {
          color: rgba(255, 255, 255, 0.60);
          font-size: 24/$f+vw;
          font-style: normal;
          font-weight: 400;
        }
      }

      .content {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        button {
          border: none;
          width: 160/$f+vw;
          height: 44/$f+vw;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 3/$f+vw;
          background: rgba(255, 255, 255, 0.21);
          color: #FFF;
          font-size: 16/$f+vw;
          font-style: normal;
          font-weight: 600;
          margin: 28/$f+vw 0;
          cursor: pointer;
        }

        .list {
          display: flex;
          align-items: center;
          width: 49%;
          height: 52/$f+vw;
          background: rgba(255, 255, 255, 0.21);
          margin: 0 0 17/$f+vw;

          &.all {
            width: 100%;
          }

          &.textarea {
            width: 100%;
            height: 148/$f+vw;
            align-items: unset;
            padding: 8/$f+vw;

            textarea {
              width: 100%;
              resize: none;
              height: 100%;
              border: none;
              background: transparent;
              color: #FFF;
              font-size: 18/$f+vw;
              font-style: normal;
            }

            .o {
              position: relative;
              top: 4/$f+vw;
            }
          }

          .img {
            width: 41/$f+vw;
            height: 34/$f+vw;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
              max-width: 100%;
              max-height: 100%;
              object-fit: contain;
            }
          }

          .o {
            position: relative;
            flex: 1;

            p {
              color: var(--www-feejoy-com-nero, #FFF);
              font-family: "PingFang SC";
              font-size: 18/$f+vw;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              position: absolute;
              left: 2/$f+vw;
              top: 50%;
              transform: translateY(-50%);
              pointer-events: none;

              b {
                color: #386EB5;
                font-family: Inter;
                font-size: 16/$f+vw;
                font-style: normal;
                font-weight: 400;
                line-height: 16/$f+vw;
                /* 100% */
              }
            }

            input {
              width: 100%;
              height: 100%;
              border: none;
              background: transparent;
              color: #FFF;
              font-size: 18/$f+vw;
              font-style: normal;
            }
          }
        }
      }
    }
  }

  img {
    object-fit: cover;
  }


  @media screen and (max-width: 1024px) {
    padding-top: 60px;

    .banner {
      img {
        height: 150px;
      }

      .text {
        left: 5%;
        top: 50%;

        .p1 {
          font-size: 20px;
        }

        .p2 {
          font-size: 20px;
          margin-top: -10px;
        }
      }

      .types {
        position: static;

        .items {
          width: 100%;

          .item {
            .p1 {
              font-size: 12px;
              padding: 10px 0;
            }
          }
        }
      }
    }

    .common_more {
      font-size: 16px;

      .icon {
        width: 30px;
        height: 30px;
        margin-left: 20px;

        img {
          width: 30px;
          left: -15px;
        }
      }

      &:hover {
        .icon {
          img {
            left: -3px;
          }
        }
      }
    }

    .common_title {
      .eng {
        font-size: 20px;
        line-height: 1;
      }

      h1 {
        font-size: 22px;
        line-height: 1;
      }
    }

    .main {
      .section1 {
        .position {
          bottom: 10%;
          flex-direction: column;

          .l {
            justify-content: center;

            .click {
              width: 20px;
              height: 20px;
            }

            .swiper-pagination {
              span {
                width: 65px;
                height: 4px;
                margin: 0 10px 0 0 !important;

                &:last-child {
                  margin: 0 !important;
                }
              }
            }

            .cut {
              width: 18px;
              height: 18px;
              margin: 0 10px;

              img {
                width: 100%;
                height: 100%;

                &:nth-child(2) {
                  width: 15px;
                  height: 15px;
                }
              }
            }
          }

          .r {
            margin: 25px 0 0 0;

            p {
              font-size: 14px;

              div {
                font-size: 9px;
              }
            }

            .line {
              width: 3px;
              height: 30px;
              margin: 0 0 0 11px;
            }
          }
        }

        .swiper1 {
          .swiper-slide {
            .wrap {
              h1 {
                font-size: 24px;
                line-height: 1;
                margin: 0 auto 20px;
              }

              h5 {
                font-size: 16px;
                line-height: 1;
                margin: 0 0 20px;
              }

              .pick {
                font-size: 14px;
                line-height: 1;
                margin: 0 0 25px;
              }
            }
          }
        }
      }

      .section2 {
        padding: 35px 5%;

        .content {
          margin: 25px 0 0 0;
          flex-direction: column;

          .item {
            width: 100%;
            height: auto;
            margin: 0 0 20px;
            padding: 15px 0 15px 5%;

            .headline {
              .e {
                font-size: 32px;
                line-height: 1;
              }

              h1 {
                font-size: 18px;
                line-height: 1;
                margin-top: -10px;
              }
            }

            .text {
              font-size: 14px;
              line-height: 1.8;
              margin: 30px 0 0 0;
            }

            .img {
              position: static;

            }

            .opacity {
              opacity: 1;
              transform: translateY(0);
              gap: 10px;
              margin: 25px 0 0 0;

              a {
                font-size: 14px;
              }
            }
          }
        }
      }

      .section3 {
        .common_title {
          h1 {
            font-size: 18px;
          }
        }

        .wrap {
          .content {
            margin: 30px 0 0 0;

            .item {
              width: 100%;
              height: auto;
              padding: 45px 5%;

              .jump {
                h1 {
                  font-size: 24px;
                  line-height: 1;
                  margin: 0 0 25px;
                }

                .text {
                  width: 100%;
                  font-size: 14px;
                  display: block;
                  line-height: 1.8;
                  margin: 0 0 20px;
                }
              }
            }
          }
        }
      }

      .section4 {
        padding: 25px 0 0 0;

        .content {
          padding: 30px 5%;
          margin: 25px 0 0 0;

          .item {
            height: auto;
            flex-direction: column;
            border-radius: 0 !important;
            padding: 0 !important;

            .img {
              position: static;
              width: 100%;
              height: 150px;
              border-radius: 0 !important;
            }

            .text {
              width: 100%;
              padding: 15px 5%;

              span {
                font-size: 24px;
                line-height: 1;
              }

              p {
                font-size: 14px;
                line-height: 1;
                margin: 0 0 0 15px;
              }
            }
          }
        }
      }

      .section5 {
        padding: 45px 0;

        .wrap {
          max-width: 90%;
          margin: auto;

          .pick {
            font-size: 14px;
            line-height: 1.8;
            width: 100%;
          }

          .figure {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;

            .item {
              text-align: center;
              margin: 0 !important;
              padding: 0 !important;

              &:after {
                display: none !important;
              }

              .dis {
                justify-content: center;

                span {
                  font-size: 30px;
                }

                .p1 {
                  font-size: 18px;
                }

                .p2 {
                  font-size: 15px;
                  top: -10px;
                }
              }

              p {
                font-size: 12px;
              }
            }
          }
        }
      }

      .section6 {
        padding: 45px 0;

        .wrap {
          max-width: 90%;
          margin: auto;

          .top {
            margin: 30px 0 0 0;

            .cut {
              .list {
                font-size: 14px;

                &:after {
                  bottom: -10px;
                }

                &:not(:last-child) {
                  margin: 0 15px 0 0;
                }
              }
            }
          }

          .bottom {
            .matter {
              .line {
                margin: 25px 0 0 0;
                height: 3px;
              }

              .swiper2 {
                .swiper-slide {
                  .item {
                    .time {
                      font-size: 14px;
                      padding: 0 0 10px;
                      line-height: 1;
                    }

                    .text {
                      font-size: 14px;
                      line-height: 1.9;
                      margin: 15px 0;
                      height: auto;
                    }

                    .img {
                      height: auto;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    .foot {
      padding: 40px 5%;

      form {
        width: 100%;
        margin: 0 0 25px;
        flex-direction: column;
        .logo{
          position: static;
          margin-top: 20px;
          img{
            max-width: inherit;
          height: 40px;
          }
        }
        .l{
          width: 100%;
          .p1{
            font-size: 18px;
          }
          .p2{
            font-size: 16px;
          }
        }

        .content {
          flex-direction: column;
          width: 100%;
          margin-top: 20px;
          .list {
            width: 100%;
            height: 60px;
            padding: 0 10px;
            margin: 0 0 10px !important;

            .img {
              width: 24px;
              height: 24px;
            }

            .o {
              margin: 0 0 0 10px;

              p {
                font-size: 14px;
                left: 5px;
              }

              input {
                font-size: 14px;
              }

              textarea {
                font-size: 14px;
              }
            }

            &.textarea {
              height: 150px;
              padding: 15px 10px;

              .o {
                p {
                  top: 10px;
                }
              }
            }
          }

          button {
            width: 135px;
            height: 40px;
            font-size: 14px;
          }
        }
      }
    }
  }
}